<template>
	<view class="pre-book-index">
		<!-- 自定义导航栏 -->
      <view class="uni-page-head head-nav">
         <image src="../../static/images/index/bg1.png"></image>
      </view>
      <view class="tarin-content">
         <view class="content-top">
            <view class="list-item" @tap='perBook()'>
               <image src="../../static/images/index/book.png" mode=""></image>
               <text>预约</text>
            </view>
            <view class="list-item" @tap='miniClass()'>
               <image src="../../static/images/index/class.png" mode=""></image>
               <text>小班课</text>
            </view>
            <view class="list-item" @tap='oneToOne()'>
               <image src="../../static/images/index/one.png" mode=""></image>
               <text>一对一</text>
            </view>
            <view class="list-item" @tap='contactUs()'>
               <image src="../../static/images/index/contact.png" mode=""></image>
               <text>联系我们</text>
            </view>
         </view>
      </view>
      <view class="teacher-nav">
         <view class="teacher-class">
            <text>教师风采</text>
            <text class="more" @click="teachers()">更多</text>
         </view>
         <view class="teacher-list" >
         </view>
      </view>
      <view class="course-nav">
         <view class="course-class">
            <text>课程介绍</text>
            <text class="more" @click="courses()">更多</text>
         </view>
         <view class="course-list" >
         </view>
      </view>
      <view class="user-say-nav">
         <view class="user-say-class">
            <text>学员说</text>
            <text class="more" @click="userSay()">更多</text>
         </view>
         <view class="user-say-list" >
         </view>
      </view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				statusBarHeight: 0,
            jobName: '', // 默认当前登录人的岗位
				postId: '',
				vedioList: [],
				title: [],
				userInfo: "",// 登录用户信息
			}
		},
		onShow() {
		},
		mounted() {	
		},
		methods: {
         // 预约
         perBook() {
				uni.navigateTo({
					url: '/pages/book/courses',
				});
         },
         // 小班课
         miniClass() {
				uni.navigateTo({
					url: '/pages/book/miniClass',
				});
         },
         // 一对一
			oneToOne() {
				uni.navigateTo({
					url: '/pages/book/onToOne',
				});
			},
         // 联系我们
			contactUs(){
				uni.navigateTo({
					url: '/pages/book/contactUs',
				});
      	},
         teachers() {
            uni.navigateTo({
            	url: '/pages/book/teachers',
            });
         },
         courses() {
            uni.navigateTo({
            	url: '/pages/book/courses',
            });
         },
         userSay() {
            uni.navigateTo({
            	url: '/pages/book/userSay',
            });
         }
		}
	}
</script>

<style lang="scss" scoped>
	@import "./index.scss";
</style>
